<!--
 * @Author: ranjianglai
 * @Date: 2023-01-12 17:27:41
 * @Description: 详情
-->


<template>
    <view class="type-area cus-page">
        <view class="com-m-t-56 com-font-40 com-font-bold">{{detail.title}}</view>
        <view class="com-m-t-32 com-flex com-row-between">
            <text v-if="detail.time" class="com-minor-color">{{detail.time}}</text>
            <u-icon :name="detail.like ? 'heart-fill' : 'heart' " 
                :color="detail.like ? 'red' : '#212122' "
                size="40rpx" @tap="detail.like=!detail.like">
            </u-icon>
        </view>
        <image style="width:100%; height: 422rpx; margin-top:40rpx" :src="detail.src"></image>
        <image style="width:100%; height: 556rpx; margin-top:40rpx" :src="detail.src"></image>
        <u-parse class="com-m-t-40" :content="detail.content"></u-parse>
    </view>
</template>


<script>
export default {
    name:'detail',
    components: {},
    props:{},

    data () {
        return {
            detail:{
                title: '拍拍皮小程序新手必读，带你入门拍拍皮攻略',
                time: '2022.12.06  16:23:37',
                like: false,
                content: "这里是富文本内容",
                src: 'https://web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg'
            }
        }
    },

    computed: {},
    watch: {},

    mounted() {},

    methods: {},
}
</script>


<style scoped lang='scss'>
</style>